<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css" />
    <title></title>
</head>

<body>
    <header class="header">
        <div class="head_photo">
            <img src="images/age.png" alt="" />
        </div>
        <div class="head_p">
            <p>Write Less Do More</p>
        </div>
        <ul class="nav">
            <li data-menuanchor="page1" class="current"><a href="#page1">index</a></li>
            <li data-menuanchor="page2"><a href="#page2">about me</a></li>
            <li data-menuanchor="page3"><a href="#page3">skills</a></li>
            <li data-menuanchor="page4"><a href="#page4">company</a></li>
            <li data-menuanchor="page5"><a href="#page5">works</a></li>
            <li data-menuanchor="page6"><a href="#page6">call-me</a></li>
        </ul>
    </header>

    <!--message-->
    <div id="message">
        <div class="section one">
            <div class="ab_content w">
                <div class="ab_cont_photo">
                    <img src="images/Minions.jpg" alt="" />
                </div>
                <p class="ab_tex">始生太极,太极生两仪,两仪生四象,四象生八卦</p>
                <div class="ab_link"></div>
                <div class="ab_cont_p">
                    <p>周 亚 龙</p>
                    <p>2 6</p>
                    <p>一个前端工程师</p>
                    <p>15515533605@163.com</p>
                </div>
            </div>
        </div>
        <div class="section two">
            <div class="myself w">
                <div class="my_top">
                    <h1>我就是我</h1>
                    <div class="my_line"></div>
                    <h3>about me</h3>
                </div>
                <div class="my_content">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="images/location.png" alt="" />
                                <p>学历</p>
                                <p>专科</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/age.png" alt="" />
                                <p>地址</p>
                                <p>河南</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/demo-link.png" alt="" />
                                <p>年龄</p>
                                <p>26</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/education.png" alt="" />
                                <p>状态</p>
                                <p>离职</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="browser">
                    <div class="info">
                        <p>三年互联网经验,两年半全职前端开发经验</p>
                        <p>1.热爱前端，喜欢用最扎实的代码技术做出效果上最炫，代码上合理的页面；</p>
                        <p>2.较强的适应能力和自学能力；</p>
                        <p>3. 思维敏捷，较强的动手实践能力和团体协作精神；</p>
                        <p>4. 抗压力强 , 可适应突发情况 , 并及时做出应对方案；</p>
                        <p>5. 注重新技术的发展，随时拥抱，随时引入。</p>
                    </div>
                    <div class="line top"></div>
                    <div class="line bottom"></div>
                    <div class="line left"></div>
                    <div class="line right"></div>
                </div>
            </div>
        </div>
        <div class="section three">
            <div class="skill w">
                <div class="my_top">
                    <h1>基本技能</h1>
                    <div class="my_line"></div>
                    <h3> skill</h3>
                </div>
                <div class="skill_content">
                    <ul>
                        <li>
                            <a href=""><img src="images/js.png" alt="" /></a>
                            <p>javascript</p>
                            <span></span>
                            <div class="skill_info">

                            </div>
                        </li>
                        <li>
                            <a href=""><img src="images/ng.png" alt="" /></a>
                            <p>angular</p>
                            <span></span>
                            <div class="skill_info">

                            </div>
                        </li>
                        <li>
                            <a href=""><img src="images/css.png" alt="" /></a>
                            <p>css</p>
                            <span></span>
                            <div class="skill_info">

                            </div>
                        </li>
                        <li>
                            <a href=""><img src="images/html.png" alt="" /></a>
                            <p>html</p>
                            <span></span>
                            <div class="skill_info">

                            </div>
                        </li>
                    </ul>
                    <div class="skill_msg">
                        <p>1.0 熟知W3C标准，能够熟练运用div+css、H5、C3 、Canvas等技术；</p>
                        <p>2.0 熟练运用Jquery、bootstrap,zeptoJs等前端类库 , Angularjs,等mvvm框架以及PHP后台简单交互；</p>
                        <p>3.0 熟练javascript、DOM、BOM、ajax、json , jsonp等能够编写javascript原生代码；</p>
                        <p>4.0 熟练使用AMD (requireJs),CMD(seaJs),webppack等npm插件进行模块化依赖处理；</p>
                        <p>5.0 熟悉jquery API能够编写动态交互效果，能够保证代码的性能和可读性；</p>
                        <p>6.0 熟练使用svn、glup、git工程化及版本控制工具；</p>
                        <p>7.0 能够熟练使用各浏览器调试工作调试代码，并能够进一步进行优化；</p>
                        <p>8.0 良好的编程习惯、逻辑思维能力和沟通协作能力；</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="section four">
            <div class="exp w">
                <div class="my_top">
                    <h1>履职公司</h1>
                    <div class="my_line"></div>
                    <h3>company</h3>
                </div>
                <div class="exp_1 exp_box">
                    <div class="exp_1_title fleft">
                        <div class="exp_1_key ">
                            郑州伟置电子
                        </div>
                    </div>

                    <div class="exp_1_cont">
                        <ul>
                            <li>1.根据页面效果图,利用DIV+CSS实现静态页面；</li>
                            <li>2.处理浏览器兼容的调试与修改</li>
                            <li>3.基于JS实现页面的交互需求,;</li>
                            <li>4.通过ajax与后台的数据交互，动态渲染模板进行页面的异步的刷新,</li>
                            <li>5.利用jquery实现各种特效，以及JQ插件的引出，提高生产效率；</li>
                            <li>6.通过图片懒加载技术，完成页面的加载功能，提高性能和用户体验。</li>
                        </ul>
                    </div>
                </div>
                <div class="exp_3 exp_box ">
                    <div class="exp_1_title fright">
                        <div class="exp_1_key ">
                            河南聊宅信息服务
                        </div>
                    </div>

                    <div class="exp_1_cont mt60">
                        <ul>
                            <li>1.与各部门进行协调合作进行产品开发和维护;</li>
                            <li>2.对设计好的界面进行切图，制作静态原型页面；</li>
                            <li>3.进行公共模板的创建生成,基于JS动态交互的实现</li>
                            <li>4.按照产品给出的需求进行制作，基于Ajax技术的应用开发,对公司产品页面进行修改、 更新操作；</li>
                            <li>5.创建公共组件,进行封装,便于后期重用</li>
                            <li>6.解决相关页面在开发时所遇到的问题。</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="section five">
            <div class="demo w">
                <div class="my_top">
                    <h1>作品集</h1>
                    <div class="my_line"></div>
                    <h3>works</h3>
                </div>
                <div id="content">
                    <ul class='clearfix'>
                        <li>
                            <a href="http://zhengzhou.liaoing.com/" target="_blank">
                                <div><img alt="" src="images/1.png" /></div>
                                <div>
                                    <h3>聊客网</h3>
                                    <p>河南聊宅信息服务有限公司<br/>
                                        <strong>项目描述：</strong><br> 服务于居民社群的小区生活类网站，基于同小区的生活、置业、家居、供求、便民等信息服务，让小区居民足不出户就可享受到一站式的居家生活信息服务，网站包括小区、房产、二手房、商家、聊吧、互助等重点栏目<br>
                                        <strong>责任描述：</strong><br>   此项目只要负责,小区,新房,业主聊吧等功能板块的建设;
                                        前期包括惊天页面的创建,与浏览器的调试;
                                        利用JQ完成的项目所需要的一些交互需求;
                                        进行PHP数据模拟,抽取可以复用的板块,通过ajax请求数据进行页面的渲染,减少代码复杂度;
                                        引用已有的公用组件,调高产出,运用requireJs处理个模块之间的相互相互依赖;
                                        用iframe,进行页面的功用,用JSONP实现请求数据的跨预处理;
                                        进行代码混淆,大图片的预处理,页面缓存,进行页面优化,不断提高页面响应速度;
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://m.liaoing.com/zz" target="_blank">
                                <div>
                                    <img alt="" src="images/2.png" />
                                </div>
                                <div>
                                    <h3>聊客网 ( 移动端 )</h3>
                                    <p>河南聊宅信息服务有限公司<br>
                                        <strong>项目描述：</strong><br> 配套于网站的移动端,方便用户进行实时的接收和查看信息,功能相对于PC端删除部分板块, 增加适合移动端的小模块( 直播?? ,红包 )
                                        <strong>责任描述：</strong><br> 进行页面的百分比布局,解决不同移动端的适配问题； div+css 和HTML5 + css3.0 对整套效果图页面的开发； 搭建template模板,为后期动态渲染数据做准备； 用户登录注册页面的表单验证问题； !! 此项目正在改为bootstrap架构响应式。</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="https://git.oschina.net/Z_mo/tyf.git" target="_blank">
                                <div><img alt="" src="images/3.png" /></div>
                                <div>
                                    <h3>move search</h3>
                                    <p>河南聊宅信息服务有限公司 <br> <strong>项目描述：</strong><br> Angularjs 检测锚点值的变化进行单页面的渲染 <strong>责任描述：</strong><br> 静态页面的搭建,div + css 构成基本页面布局； 创建不同的功能模块.根据API返回数据,进行页面调整； 时间以及指令的添加,完成主要功能逻辑的交互; 检测URL里锚点值得变化,进行路由配置； 页面模块数据渲染; 修改参数，确定页面渲染的数据
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.lzccom.com/" target="_blank">
                                <div>
                                    <img alt="" src="images/4.png" />
                                </div>
                                <div>
                                    <h3>龙之晨电子</h3>
                                    <p>郑州伟置电子<br>
                                        <strong>项目描述：</strong><br> 各类型企业网站建设,根据客户需求,进行页面的整改, 兼容性与性能的优化,后期项目的小规模更新,数据的变更,及后期维护
                                        <strong>责任描述：</strong><br> 进行PDF设计图的高度还原； 抽离公共组件：如indNavTop，indLogo，indexNav，indBottom模块； 登录页面，注册页面等表单验证,； 通过ajax与后台的数据交互，动态渲染模板进行页面的异步的刷新,； 通过原生的js完成简单的交互效果, 利用jquery实现各种特效，以及JQ插件的引出，提高生产效率； 通过图片懒加载技术，完成页面的加载功能，提高性能和用户体验。
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://henanheshi.com/" target="_blank">
                                <div>
                                    <img alt="" src="images/5.png" />
                                </div>
                                <div>
                                    <h3>河南合十生物</h3>
                                    <p>郑州伟置电子<br>
                                        <strong>项目描述：</strong><br> 各类型企业网站建设,根据客户需求,进行页面的整改, 兼容性与性能的优化,后期项目的小规模更新,数据的变更,及后期维护
                                        <strong>责任描述：</strong><br> 进行PDF设计图的高度还原； 抽离公共组件：如indNavTop，indLogo，indexNav，indBottom模块； 登录页面，注册页面等表单验证,； 通过ajax与后台的数据交互，动态渲染模板进行页面的异步的刷新,； 通过原生的js完成简单的交互效果, 利用jquery实现各种特效，以及JQ插件的引出，提高生产效率； 通过图片懒加载技术，完成页面的加载功能，提高性能和用户体验。
                                    </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="section w six">
            <div class="my_top">
                <h1>作品集</h1>
                <div class="my_line"></div>
                <h3>works</h3>
            </div>
            <div class="call">
                <div class="call_me">
                    <p>Phone: <span>155-1553-3605</span></p>
                    <p>Q Q: &nbsp;<span>757786166</span></p>
                </div>
                <img class="call_me_img" src="./images/call-me.png" alt="">

            </div>
        </div>
    </div>
</body>
<script src="js/jquery-2.2.2.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/index.js"></script>

</html>